<template>
    <div class="father">
        父节点 :
        <div>
            祖父给的 ：deposit:{{ deposit }}

        </div>
        <!-- <Child :deposit="deposit" :name="user.name" :age="user.age"> </Child> -->

        <!-- <Child :deposit="deposit" v-bind="user"> </Child> -->
        <Child :deposit="deposit" v-bind="$attrs"> </Child>
    </div>
</template>

<script setup lang="ts" name='Father'>
import { ref, reactive } from "vue";

import Child from "./Child.vue";

defineProps(['deposit',])


let user = reactive({
    name: 'zhangsan',
    age: 19
})




</script>

<style scoped>
.father {

    background-color: #9baeb9;

    min-height: 150px;
    padding: 10px;
    border-radius: 10px;
    margin: 20px;
}
</style>